.Slidebar{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    width:12rem;
    background: #374A5E;
    transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    &.fold{
        width:3rem;
        .menu_item{
            padding-left:0.6rem;
            .mTitle{
                display: none;
            }
            .mIcon{
                margin-left:0 !important;
            }
        }
        .logo_title{
            display: none;
        }
    }
    .logo_div{
        width: 100%;
        height: 3.2rem;
        text-align: center;
    }
    .logo_title{
        width: 100%;
        height: 1rem;
        font-size: 0.9rem;
        line-height: 1rem;
        text-align: center;
        font-weight: 600;
        color:#D7DBDF;
        margin-bottom:1rem;
    }
    .menu_div{
        width: 100%;
        overflow-x:hidden;
        overflow-y: auto;
        .menu_item{
            height:3rem;
            width:100%;
            padding: 1rem;
            cursor: pointer;
            &:hover{
                background: #2A3947;
            }
            &.active{
                background: #2A3947;
            }
            .mIcon{
                height: 100%;
                width: 1.0rem;
                float: left;
                margin-left:1.3rem;
                position: relative;
                top: -3px;
            }
            .mTitle{
                float: left;
                margin-left:0.5rem;
                font-size: 0.8rem;
                height: 100%;
                color:#A5B4BF;
                line-height: 1.0rem;
            }
        }
    }
}